<header class="py-2 mb-2 text-center position-relative container shadow rounded">
  <a href="https://github.com/therebelrobot/awesome-bootstrap" class="d-none d-md-block ribbon" target="_blank"><span
      class="shadow">Star me on Github</span></a>
  <div class="position-relative mx-auto py-5 img-toggle">
    <img class="d-block mx-auto position-absolute top-50 start-50 translate-middle mw-100" data-src="/img/logo_on.png"
      alt="Awesome Bootstrap" />
    <img class="d-block mx-auto position-absolute top-50 start-50 translate-middle mw-100 invisible"
      data-src="/img/logo_off.png" alt="Awesome Bootstrap" />
  </div>
  <div class="col-lg-6 mx-auto py-2">
    <p class="lead">A curated list of amazing Bootstrap tools and themes.</p>
  </div>
</header>